<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>顶部导航菜单</title>
		<style>
			a{
				text-decoration: none;
			}
			.borderright{
				border-right: 1px solid white;
			}
			a:link{ color: ghostwhite; background-color:blueviolet;display: block;}
			a:hover{ color: ghostwhite; background-color: yellow;display: block;}
			a:active{color: ghostwhite;background-color: yellow;display: block;}
			a:visited{color: red;background-color:blueviolet;display: block;}
		</style>
	<body> 
		<table width="400px" align="center" border="0px" cellpadding="0px" cellspacing="0px"bgcolor="#8A2BE2">
			<tr align="center">
				<td width="20%" class="borderright"><a href="#" >首页</a></td>
				<td width="20%" class="borderright"><a href="#">用户管理</a></td>
				<td width="20%" class="borderright"><a href="#">购物车</a></td>
				<td width="20%" class="borderright"><a href="#">订单</a></td>
				<td width="20%"><a href="#">退出</a></td>
			</tr>
		</table>
	</body>
</html>